<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../css/personal_center.css">
    <link rel="stylesheet" href="../css/head_daohang.css">
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/jquery-3.6.0.min.js"></script>
</head>
<body>
    <!-- 主要布局范围 -->
    <div class="main">
      <!-- 头部导航栏 -->
      <div id="head">
        <div class="layui-col-md2">
          <div class="grid-demo">logo</div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../head_page/Carefree_first_page.html" class="head-color">首页</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../vehicle/vehicle_screening.html" class="head-hover word-1">自驾租车</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../long_time_older/long_time.html" class="head-hover word-1">长租专区</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Car-search.html" class="head-hover word-1">车型查询</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="../Offline_outlets/Business_outlets.html" class="head-hover word-1">营业网点</a></div>
        </div>
        <div class="layui-col-md1">
          <div class="grid-demo head-demo"><a href="" class="head-hover word-1">会员专区</a></div>
        </div>
        <div class="layui-col-md3">
          <div class="grid-demo head-demo1">
            <i class="login-icon"></i>
            <a href="../login/login.html"  class=" head-color">登录/注册</a>
          </div>
          <div class="tel">
            <i class="tel-icon"></i>
              <span class="tel-num">110-119-1111</span>
          </div>
        </div>
      </div>
        <!-- 面包屑 -->
        <div class="crumbs">
            <div class="crumbs-bd">当前位置: <a href="personalCenter.html">个人中心</a> > 账户余额 </div>
        </div>
        <!-- 主要内容 -->
        <div class="content">
            <div class="content-bd">
                <!-- 左侧导航栏 -->
                <div class="col-sub">
                    <ul> 
                        <li class="title">订单信息</li>
                        <li class="text"><a href="personalCenter-MyOrler.html">我的订单</a></li>
                        <li class="text"><a href="personalCenter-OtherOrler.html">他人代订</a></li>
                        <li class="title">会员信息</li>
                        <li class="text"><a href="">会员优惠</a></li>
                        <li class="text"><a href="">会员特权</a></li>
                        <li class="text"><a href="">会员积分</a></li>
                        <li class="title">我的钱包</li>
                        <li class="after"><a href="personalCenter-AccountBalance.html">账户余额</a></li>
                        <li class="text"><a href="personalCenter-Voucher.html">我的代金卷</a></li>
                        <li class="text"><a href="personalCenter-DiscountCode.html">我的优惠编码</a></li>
                        <li class="title">租赁记录</li>
                        <li class="text"><a href="personalCenter-LeaseCar.html">租赁车型</a></li>
                        <li class="title">个人资料</li>
                        <li class="text"><a href="personalCenter-UserInformation.html">用户信息</a></li>
                        <li class="text" onclick="return confirm('即将返回登录界面，确定吗？');"><a href="../login/login.html">账户注销</a></li>                    </ul>
                </div>
                <!-- 主要信息栏 -->
                <div class="col-main">
                  <div class="user-preview">
                    <div class="ab-biaoti">账户余额</div>
                    <!-- 头像信息区 -->
                    <div class="ui-bfc" id="bfc-ab">
                        <!-- 头像 -->
                        <div class="head-picture">
                            <img src="../images/headpicture.png" alt="">
                        </div>
                        <!-- 信息 -->
                        <div class="head-message-ab">
                        <ul class="">
                          <li> 
                            <b>可用余额</b> 
                          </li>
                          <li>
                            <span>￥</span>
                            <label>0.00</label>
                          </li>
                          <li>
                            冻结金额 0.00 元，可用金额 0.00 元
                          </li>
                          <li>
                            <p>您累计消费已经满 <strong>0.00</strong>元了。</p>
                          </li>
                        </ul>  
                        </div>
                    </div>
                    <!-- 支付方式 -->
                    <div class="pay-box">
                      <div class="manage-money">
                        <ul class="ab-tab-hd">
                          <li class="ab-afli" id="l1">我要充值</li>
                          <li id="l2">余额提现</li>
                        </ul>
                      </div>
                      <div class="bd">
                        <div class="bd-center">
                          <!-- 充值金额 -->
                          <div class="panel-amount">
                            充值金额：<input type="text">
                          </div>
                          <div class="panel-way">
                            <div class="panel-way-1">选择充值方式</div>
                            <!-- 银行选择 -->
                            <div class="bank">
                            以下银行通道由支付宝提供：
                            <div class="bank-choose">
                              <ul>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank1.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank2.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank3.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank4.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank5.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank6.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank7.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank8.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank9.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank10.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank11.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank12.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank13.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank14.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank15.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank16.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank17.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank18.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank19.jpg" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank20.png" alt="">
                                </li>
                                <li>
                                  <input type="radio" name="bank">
                                  <img src="../images/bank21.png" alt="">
                                </li>
                              </ul>
                              <button class="">确认充值</button>
                            </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="bd1">
                        <div class="panel-way-1">
                          <b id="b1">银行名称</b>
                          <b>账号</b>
                          <b>用户名</b>
                          <b>操作</b>
                        </div>
                        <div class="add-bank-card">
                          <a href="">添加银行卡+</a> 
                        </div>
                        <div class="panel-amount">
                          转出金额：<input type="text"> 元 <br>
                          &nbsp<span>*当前余额 ¥0.00，最多可提现金额 ¥0.00，单次提现金额不可大于¥1000。</span>
                        </div>
                        <button class="">确认转出</button>
                      </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <!-- 尾部 -->
        <div class="footer">
            <div class="footer-box">
                <div class="footer-left">
                    <p>
                        <span>关于无忧</span> |
                        <span>移动客户端</span> |
                        <span>帮助中心</span> |
                        <span>建议专区</span> |
                        <span>联系我们</span> |
                        <span>友情连接</span> |
                        <span>投诉通道：400-821-1608</span> 
                    </p>
                    <p>
                        <span>Copyright © 2007-2022 苏州无忧信息技术服务有限公司 ICP证：苏B2-20140130|苏ICP备08010394号-1</span>
                    </p>
                </div>
                <div class="footer-right"></div>
            </div>
        </div>
    </div>
    <script src="../js/personal_center-AccountBalance.js"></script>
</body>
</html>